<template>
	<view>
		<view style="height: 150px;background-color: #08a3fe;position: relative;">
			<view>
				<view style="color: #fff;margin-left: 10px; display: flex;justify-content: space-between;">
					<view style="margin-top: 50px;"><image src="@/static/message/me3.png" style="width: 20px;height: 24px;"></image></view>
					<view style="margin-top: 50px;font-weight: bold;"><p>消息中心</p></view>
					<view style="margin-top: 50px;margin-right: 10px;"><image src="@/static/message/sousuo.png" style="width: 23px;height: 23px;"></image></view>
				</view>
				<view style="width: 90vw;background-color: #fff;position: absolute;top: 100px;left: 15px;
					display: flex;justify-content: space-around;box-shadow: 1px 1px  1px 1px #e6e6e6;padding-top: 10px;padding-bottom: 10px;
					height: 83px;border-radius: 10px;">
					<view style="display: flex;flex-direction: column;justify-content: space-around;">
						<!-- <p style="margin-left: 30px;font-size: 18px;font-weight: bold;">2312</p> -->
						<view style="width: 45px;height: 45px;background-color: #d5eef9;border-radius: 50%;text-align: center;">
							<image src="@/static/message/xtxx.png" style="width: 27px;height: 30px;margin-top: 8px;"></image>
						</view>
						
						<p style="color: #b3b3b3;font-size: 14px;">
							系统消息
						</p>
					</view>
					<!-- <span style="border-left: 1px solid #e4e4e4;height: 25px;margin-top: 20px;"></span> -->
					<view style="display: flex;flex-direction: column;justify-content: space-around;">
						<view style="width: 45px;height: 45px;background-color: #ffd4e7;border-radius: 50%;text-align: center;">
							<image src="@/static/message/yszx.png" style="width: 24px;height: 28px;margin-top: 8px;"></image>
						</view>
						<p style="color: #b3b3b3;font-size: 14px;">
							医师咨询
						</p>
					</view>
				</view>
			</view>
		</view>
		
		<view style="margin-top: 80px; margin-left: 20px;border-bottom: 1px solid #e6e6e6;padding-bottom: 10px;">
			<view style="display: flex;justify-content: flex-start;">
				<view>
					<image src="@/static/message/Snipaste_2023-05-16_13-56-57.png" style="width: 59px;height: 55px;"></image>
				</view>
				<view style="display: flex;flex-direction: column;justify-content: space-around;">
					<view style="display: flex;justify-content: space-between;">
						<p style="margin-right: 110px;">贵州x医院</p>
						<p style="font-size: 12px;color: #747474;">2019-06-21 09:00</p>
					</view>
					<view style="font-size: 12px;">
						<span>本院新址：</span>
						<span>上海市千库大道66号</span>
					</view>
				</view>
			</view>
		</view>
		<view style="padding-top: 20px; margin-left: 20px;border-bottom: 1px solid #e6e6e6;padding-bottom: 10px;">
			<view style="display: flex;justify-content: flex-start;">
				<view>
					<image src="@/static/message/Snipaste_2023-05-16_13-57-29.png" style="width: 59px;height: 55px;"></image>
				</view>
				<view style="display: flex;flex-direction: column;justify-content: space-around;">
					<view style="display: flex;justify-content: space-between;">
						<view style="display: flex;">
								<p style="font-weight: bold;">张一一</p>
								<p style="font-size: 12px;font-weight: bold;margin-top: 3px;margin-left: 10px;">主任医师</p>
						</view>
						<view style="margin-left: 75px;">
							<p style="font-size: 12px;color: #747474;">2019-06-21 09:00</p>
						</view>
						
					</view>
					<view style="font-size: 12px;">
						<!-- <span>本院新址：</span> -->
						<span>记得下周一来医院复查...</span>
					</view>
				</view>
			</view>
		</view>
		
		<view style="padding-top: 20px; margin-left: 20px;border-bottom: 1px solid #e6e6e6;padding-bottom: 10px;">
			<view style="display: flex;justify-content: flex-start;">
				<view>
					<image src="@/static/message/Snipaste_2023-05-16_13-57-37.png" style="width: 59px;height: 55px;"></image>
				</view>
				<view style="display: flex;flex-direction: column;justify-content: space-around;">
					<view style="display: flex;justify-content: space-between;">
						<view style="display: flex;">
								<p style="font-weight: bold;">张一一</p>
								<p style="font-size: 12px;font-weight: bold;margin-top: 3px;margin-left: 10px;">主任医师</p>
						</view>
						<view style="margin-left: 75px;">
							<p style="font-size: 12px;color: #747474;">2019-06-21 09:00</p>
						</view>
						
					</view>
					<view style="font-size: 12px;">
						<!-- <span>本院新址：</span> -->
						<span>记得下周一来医院复查...</span>
					</view>
				</view>
			</view>
		</view>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
	}
</script>

<style scoped>

</style>